<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>线上诊断系统</title>
</head>
<body>
  <div class="content" style="display:none;position:relative;">

    <div class="logoArea">
      <img class="logo" src=""
      alt="">
    </div>
    <!-- <img src="../view/dist/img/test.png" alt=""> -->
    <div class="tableCon">
      <p class="title">线上诊断系统</p>
      <div class="table">
        <form class="layui-form" action="">
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">姓名</label>
              <div class="layui-input-inline">
                <input type="text" name="username" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
              </div>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">手机</label>
              <div class="layui-input-inline">
                <input type="tel" name="phone" lay-verify="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
              </div>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label"></label>
              <div class="layui-input-inline">
                <input type="text" name="code" lay-verify="required|number" placeholder="请输入验证码" autocomplete="off" class="layui-input code">
                <a id="getCode" class="layui-btn">获取验证码</a>
                <span id="second"><i>60</i> 秒后重新获取</span>
              </div>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">QQ</label>
              <div class="layui-input-inline">
                <input type="text" name="qq" lay-verify="required|number" placeholder="请输入QQ号码" autocomplete="off" class="layui-input noCode codeCtrl" disabled>
              </div>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">科目</label>
            <div class="layui-input-inline">
              <select id="course" name="course" class="courseSelect noCode codeCtrl" disabled>
                <option value="" selected>请选择</option>
              </select>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">年级</label>
            <div class="layui-input-inline">
              <select id="grade" name="grade" class="gradeSelect noCode codeCtrl" disabled>
                <option value="" selected>请选择</option>
              </select>
            </div>
          </div>

          <div class="rightCon">
            <div class="layui-form-item">
              <div class="layui-inline">
                <label class="layui-form-label">诊断日期</label>
                <div class="layui-input-inline">
                  <input type="text" name="date" id="date" lay-verify="date" placeholder="请选择诊断日期" autocomplete="off" class="layui-input noCode codeCtrl" disabled>
                </div>
              </div>
            </div>
            <div class="layui-form-item" id="diagnosisTime">
              <label class="layui-form-label">诊断时间</label>
              <div class="layui-input-block" style="font-size:11px;position: relative;top: 10px;padding-right:40px;margin-bottom:5px;">
                (选择年级,科目和诊断日期后显示诊断时间)
              </div>
            </div>

          </div>
        </form>
      </div>
      <div class="operateBtn">
        <a id="confirm" class="layui-btn">提交</a>
        <a id="cancel" class="layui-btn layui-btn-primary">取消</a>
      </div>
    </div>

  </div>
</body>
<script type="text/javascript">
  window.app = {};
  app.dynamicLoadingJs=function(e,d){var c=document.createElement("script");var b=document.getElementsByTagName("head")[0];c.src=e;if(typeof d==="function"){var a;c.onload=c.onreadystatechange=function(){if(!a&&(!c.readyState||/loaded|complete/.test(c.readyState))){c.onload=c.onreadystatechange=null;a=true;d()}}}b.appendChild(c)};
  app.dynamicLoadingCss=function(h,i){var j=document.createElement("link");var f=document.getElementsByTagName("head")[0];j.href=h;j.rel="stylesheet";j.type="text/css";if(typeof i==="function"){var g;j.onload=j.onreadystatechange=function(){if(!g&&(!j.readyState||/loaded|complete/.test(j.readyState))){j.onload=j.onreadystatechange=null;g=true;i()}}}f.appendChild(j)};

  app.resPath = 'http://cdn.gzpeiyou.com/single/';
  app.libPath = 'http://cdn.gzpeiyou.com/lib/';
  app.isLocal = location.href.indexOf('single.com/diagnosis')>-1 || location.href.indexOf('localhost')>-1;
  if(app.isLocal){
    app.resPath = '../view/dist/';
  }

  app.dynamicLoadingCss(app.libPath+'layui/css/layui.css');
  app.dynamicLoadingJs(app.libPath+'layui/layui.js',function(){
    app.dynamicLoadingJs(app.resPath+'js/diagnosis/init.js?bust='+new Date().getTime());
  });

</script>
</html>
